<!DOCTYPE html>
<html>

	<head>
		
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>主界面</title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
		
	</head>
	<style>
		body {
			background-size: 110%;
			background-position: 45% 23%;
		}
		
		.mainheader1 {
			text-align: center;
			height: 50px;
		}
		
		.mainheader1 header {
			border: 1px solid darkgray;
			box-shadow: none;
		}
		
		.mainheader1 span {
			float: right;
			position: fixed;
		}
		
		.maincenter1 .week {
			width: 27px;
			height: 25px;
		}
		
		.maincenter1 input {
			line-height: 10px;
		}
		
		.maincenter2 td {
			padding: 6px 4px;
		}
		
		table 
		{
			width: 100%;
			line-height: 29px;
			border-collapse: collapse;
			font-size: 13px;
			border-collapse: separate;
			empty-cells: hide;
			margin-top: 5px;
		}
		
		table td,th 
		{
			border: #aaa 1px solid;
			text-align: center;
		}
		
		footer 
		{
			float: right;
		}
	</style>

	<body>
		<!--带有返回导航箭头的顶部标题栏-->

		<div class="mainheader1">

			<header class="mui-bar mui-bar-nav" style="height: 45px; background: white;">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title"></h1>
				<a href="user.html">
					<span class="mui-icon mui-icon-contact"></span>
				</a>
			</header>

		</div>

		<!--中间小菜单栏-->
		<div class="maincenter1">

			<form id="week_picker">
				<input type="button" style="float: left;" name="" id="show_all" value="全部课程" />
				<span style="margin-left: 20%;">第</span>
				<input id="week_input" class="week" name="week_number" value="">
				<span>周</span>
				<input style="float: right;" type="submit" value="跳转">
			</form>

		</div>

		<!--中间表格表单-->
		<div class="maincenter2">

			<table id="course_tab">
				<tr>
					<th></th>
					<th>星期一</th>
					<th>星期二</th>
					<th>星期三</th>
					<th>星期四</th>
					<th>星期五</th>
					<th>星期六</th>
					<th>星期日</th>
				</tr>

				<tr>
					<td>1</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>2</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>3</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>4</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>5</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>6</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>7</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>8</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>9</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>10</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>11</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td>12</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</table>

		</div>

		<div>
			
			<footer>
				<span id="clock"><span>
					<script>
  						function clock(){
 						var time=new Date();
 						var week;
 							switch (time.getDay()){            //ime.getDay()获取后显示1~7阿拉伯数字
   							case 1: week="星期一"; break;
	   						case 2: week="星期二"; break;
	   						case 3: week="星期三"; break;
   							case 4: week="星期四"; break;
    						case 5: week="星期五"; break;
    						case 6: week="星期六"; break;
   							default: week="星期天";
  													}
							var year=time.getFullYear();
							var month=time.getMonth();
							var date=time.getDate();
       						document.getElementById("clock").innerHTML = +year+"年"+(month+1)+"月"+date+"日  "+week;
 	 												}
  							setInterval(clock,1000);     //每隔1秒显示一次
						</script>
			</footer>
	</div>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script src="js/main.js"></script>
	</body>
</html>